今天要來產出一個簡單的畫面,目的是串接昨天的API,雖說預計是很簡單的畫面,但我對前端也不怎麼熟悉(何苦找洞給自己跳QQ),只好趕快來抱佛腳一下。
google了一下,目前主流的前端框架應該主要還是react/angular/vue,這裡我就選了個沒看過我同事有人在用的react來實作。
不管如何都要先安裝nodejs
還不清楚怎麼開始,趕快google ithome過去的react教學,就照著前人的教學設定了環境
最終胡搞瞎搞弄了一點頁面出來(搭配呼叫前幾天寫的API),很簡陋卻花了很多時間(在下資質駑鈍),功能大概如下
route | 功能 | 搭配API |
---|---|---|
/ | 清單展示頁面,包含tag過濾 | /API/Blog/GetList?tag=null |
/Details/:id | 單筆資料render | /API/Blog/GetDetail?ID=xxxx |
程式碼連結
今天先這樣好了,然後之後會將他搭配nginx,並用container打包起來......
今天的內容比較水一點,因為我也不知道要寫什麼,感覺怎麼寫都不對,只好亂寫一通。